<div class="fondoTeclado teclas" id="tecladoAlfabetico" style="display: none;">
    <p class="" style="text-align: center;">
        <a onclick="teclear('1');" class="btn btn-lg btn-primary" style="width: 70px;">1</a>
        <a onclick="teclear('2');" class="btn btn-lg btn-primary" style="width: 70px;">2</a>
        <a onclick="teclear('3');" class="btn btn-lg btn-primary" style="width: 70px;">3</a>
        <a onclick="teclear('4');" class="btn btn-lg btn-primary" style="width: 70px;">4</a>
        <a onclick="teclear('5');" class="btn btn-lg btn-primary" style="width: 70px;">5</a>
        <a onclick="teclear('6');" class="btn btn-lg btn-primary" style="width: 70px;">6</a>
        <a onclick="teclear('7');" class="btn btn-lg btn-primary" style="width: 70px;">7</a>
        <a onclick="teclear('8');" class="btn btn-lg btn-primary" style="width: 70px;">8</a>
        <a onclick="teclear('9');" class="btn btn-lg btn-primary" style="width: 70px;">9</a>
        <a onclick="teclear('0');" class="btn btn-lg btn-primary" style="width: 70px;">0</a>
        <a onclick="teclear('BACK');" class="btn btn-lg btn-primary" style="width: 120px;"><span class="glyphicon glyphicon-arrow-left"></span></a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('Q');" class="btn btn-lg btn-primary" style="width: 70px;">Q</a>
        <a onclick="teclear('W');" class="btn btn-lg btn-primary" style="width: 70px;">W</a>
        <a onclick="teclear('E');" class="btn btn-lg btn-primary" style="width: 70px;">E</a>
        <a onclick="teclear('R');" class="btn btn-lg btn-primary" style="width: 70px;">R</a>
        <a onclick="teclear('T');" class="btn btn-lg btn-primary" style="width: 70px;">T</a>
        <a onclick="teclear('Y');" class="btn btn-lg btn-primary" style="width: 70px;">Y</a>
        <a onclick="teclear('U');" class="btn btn-lg btn-primary" style="width: 70px;">U</a>
        <a onclick="teclear('I');" class="btn btn-lg btn-primary" style="width: 70px;">I</a>
        <a onclick="teclear('O');" class="btn btn-lg btn-primary" style="width: 70px;">O</a>
        <a onclick="teclear('P');" class="btn btn-lg btn-primary" style="width: 70px;">P</a>
        <a onclick="teclear('@');" class="btn btn-lg btn-primary" style="width: 70px;">@</a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('A');" class="btn btn-lg btn-primary" style="width: 70px;">A</a>
        <a onclick="teclear('S');" class="btn btn-lg btn-primary" style="width: 70px;">S</a>
        <a onclick="teclear('D');" class="btn btn-lg btn-primary" style="width: 70px;">D</a>
        <a onclick="teclear('F');" class="btn btn-lg btn-primary" style="width: 70px;">F</a>
        <a onclick="teclear('G');" class="btn btn-lg btn-primary" style="width: 70px;">G</a>
        <a onclick="teclear('H');" class="btn btn-lg btn-primary" style="width: 70px;">H</a>
        <a onclick="teclear('J');" class="btn btn-lg btn-primary" style="width: 70px;">J</a>
        <a onclick="teclear('K');" class="btn btn-lg btn-primary" style="width: 70px;">K</a>
        <a onclick="teclear('L');" class="btn btn-lg btn-primary" style="width: 70px;">L</a>
        <a onclick="teclear('Ñ');" class="btn btn-lg btn-primary" style="width: 70px;">Ñ</a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('ACEPT');" class="btn btn-lg btn-success" style="width: 100px;"><span class="glyphicon glyphicon-ok"></span></a>
        <a onclick="teclear('Z');" class="btn btn-lg btn-primary" style="width: 70px;">Z</a>
        <a onclick="teclear('X');" class="btn btn-lg btn-primary" style="width: 70px;">X</a>
        <a onclick="teclear('C');" class="btn btn-lg btn-primary" style="width: 70px;">C</a>
        <a onclick="teclear('V');" class="btn btn-lg btn-primary" style="width: 70px;">V</a>
        <a onclick="teclear('B');" class="btn btn-lg btn-primary" style="width: 70px;">B</a>
        <a onclick="teclear('N');" class="btn btn-lg btn-primary" style="width: 70px;">N</a>
        <a onclick="teclear('M');" class="btn btn-lg btn-primary" style="width: 70px;">M</a>
        <a onclick="teclear('.');" class="btn btn-lg btn-primary" style="width: 70px;">.</a>
        <a onclick="teclear(' ');" class="btn btn-lg btn-primary" style="width: 160px;">&nbsp;</a>
    </p>
</div>
<div class="fondoTeclado teclas" id="tecladoNumerico" style="display: none;" >
    <p class="" style="text-align: center;">
        <a onclick="teclear('1');" class="btn btn-lg btn-primary" style="width: 80px;">1</a>
        <a onclick="teclear('2');" class="btn btn-lg btn-primary" style="width: 80px;">2</a>
        <a onclick="teclear('3');" class="btn btn-lg btn-primary" style="width: 80px;">3</a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('4');" class="btn btn-lg btn-primary" style="width: 80px;">4</a>
        <a onclick="teclear('5');" class="btn btn-lg btn-primary" style="width: 80px;">5</a>
        <a onclick="teclear('6');" class="btn btn-lg btn-primary" style="width: 80px;">6</a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('7');" class="btn btn-lg btn-primary" style="width: 80px;">7</a>
        <a onclick="teclear('8');" class="btn btn-lg btn-primary" style="width: 80px;">8</a>
        <a onclick="teclear('9');" class="btn btn-lg btn-primary" style="width: 80px;">9</a>
    </p>
    <p class="" style="text-align: center;">
        <a onclick="teclear('ACEPT');" class="btn btn-lg btn-success" style="width: 80px;"><span class="glyphicon glyphicon-ok"></span></a>
        <a onclick="teclear('0');" class="btn btn-lg btn-primary" style="width: 80px;">0</a>
        <a onclick="teclear('BACK');" class="btn btn-lg btn-primary" style="width: 80px;"><span class="glyphicon glyphicon-arrow-left"></span></a>
        
    </p>
</div>
<script src="fuentes/web/js/teclado.js"></script>







